<template>
    <div class="page">
        <div class="empty"></div>
        <div class="success-div">
            <img class="success" src="@/assets/Images/AppIcon/success.jpg">
            <div class="success-text"><span>{{success?"您已完成绑定":"绑定成功"}}</span></div>
            <div v-if="accountCode" class="success-text">
                账号：{{accountCode}}
            </div>
            <div class="success-text">
                <van-button type="default" style="color:#000" @click="enterSys">进入系统</van-button>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return {
            success:false,
            accountCode:"",
        }
    },
    created(){
        this.success=false;
        this.accountCode = "";
        if(this.$route.query.success){
            this.success = this.$route.query.success;
        }
        if(this.$route.query.accountCode){
            this.accountCode = this.$route.query.accountCode;
        }
    },
    methods:{
        enterSys(){
            this.$router.push({
                path: "/index",
            });
        }
    }
}
</script>
<style scoped>
.page{
    height: 100vh;
    background-color: #fff;
    margin: 0;
}
.empty{
    height: 3rem;   
}
.success-div {
    display: block;
    text-align: center;
}
.success {
    width: 150px;
    margin: 0 auto;
}
.success-text{
    margin-top: 0.4rem;
    font-size: 15pt;
}
</style>